This packages your Scratch project into a single HTML file that can runon its own in a web browser. The HTML file will be pretty big because itcontains the entire Scratch engine (2.6 MB) and the costume and soundfiles used in the project.
Note: The TurboWarp Packager has better performance and can produce .exe files. Refer to the See also section for more alternatives.
If you see this, you can check to see if there wereany issues loading the HTMLifier. Make sureyou're using a modern browser.
Your browser does not support modern JavaScript features; check tomake sureyour browser is modern.
If you want to view or edit the HTML file, you can use the specializedLarge File Editorto hide the long lines that may hang or crash normal text editors.
Update historySee the code and previous versions onGithub.
2021-08-12 (download)Fixed connecting to cloud servers.2021-08-09 (download)Fixed sprite dragging.2021-08-08 (download) To support the use of the HTMLifier in Node and Deno, I rewrote the HTMLifier, so now it can be used programmatically (by request). This might mean there could be many bugs. I also remade the options area in React and reworded a few options in the process. The Scratch engine is stored in a separate file (vm.js) when you download as a ZIP, so you can make multiple HTMLified projects share the same Scratch engine file to avoid wasting disk space (by request).Downloading as a ZIP now works for .sb2 files. ctrl/⌘ + F now toggles fullscreen (by request). The loading image now appears before the background image (by request). You can detect whether the project has been HTMLified by doing(by request). You can now add more than one unofficial extension (by request). You can add custom JavaScript (called "plugins" in E羊icques) to the HTML. You can also upload JavaScript files instead of pasting URLs for both extensions and plugins. (Both by request.) Added an option to show a button that downloads the project with the current variable and list values stored (by request). This can be used to save your progress through a game. Added an option to show a button that lets you select a Scratch sprite to add to the project (by request). This can be used for some OS projects to add new apps, where each app is a sprite.List monitors now show item numbers. The loading bar now shows a percentage rather than a fraction (by request). Disabling sprite fencing has been separated from disabling the clone/list/etc. limits.Past updates 2021-03-16 (download) New cloud behaviours: ☁ url contains the current URL of the web page.☁ pasted contains the last pasted text by the user.☁ username, when set, will change what the"username" block reports. Fixed the background image not showing in full screen. Fixed the progress bar being shown under the loading image. 2021-02-07 (download) Save the options in the URL New customisation options: Background image Cursor Favicon New loading bar design with customisable colours Loading screen image from a URL Option to stretch only the loading screen image Option to show start/stop buttons (equivalent to the green flag/stopsign)New special cloud behaviours: Better support for ☁ eval returning Promises ☁ open link opens a URL in a new tab. ☁ redirect redirects to a URL. ☁ set clipboard tries to copy text to theclipboard.☁ set server ip changes the cloud server URL. Ability to distinguish between left/right modifier keys using>, forexample.Clicking on a variable slider no longer gives it focus, so keys willcontinue to work.A bookmarklet creator BREAKING: The mouse lock position now sets mouse x/y to theaccumulative mouse position, which should be more reliable. Thisworks best with the "Remove limits" option.Updated CSS byMr. Cringe KidFixed the HTMLification log progress not resetting Also, theprimitive cloud serverhas been updated. 2020-12-18 Specific mouse buttons can now be detected using, whereN can be 1 for left click, 2 for middle click, 3 forright click, and 0 for touch/pen.Fixed an issue where Scratch 2.0 projects with bitmap costumeswouldn't work.2020-06-13 (download) More options for styling variable/list monitors Option to generate a .zip of files Option to preview the HTMLified project Readded the option for a progress counter despite lack of demandWarn if a file might be too large for JavaScript to HTMLify Fixed HTMLifying 2.0 projects 2020-06-01 (download) Option to remove clone/list length limits Option to hide the cursor Ability to distinguish between cloud variables for localStorage andthe server (and run JavaScript using cloud variables)Option for rudimentary pointer lock Fixed mouse position and unresized lists not showing Default project changed to one ofScratchCat'sUnfortunately, as part of these changes, I removed the option for aprogress bar. If there's demand, I'll try to add it back. 2020-05-01 Support for custom extensions from a URL CSS byMr. Cringe Kid2020-03-29 (download) Fixed custom stage sizes2020-03-27 Show an image such as a gif while loading Fixed dragging sprites simulating another green flag click2020-01-06 An offline version of the HTMLifier2019-12-25 An option to use a custom cloud server for cloud variables insteadof saving to localStorage 2019-11-23 A fullscreen button An option to change monitor colours2019-10-05 New ask box2019-09-28 A status text that shows the assets loaded Support the video extension Support draggable sprites2019-08-08 Removed "Scratch" from the name of this utility just in case2019-07-27 Support 16:9 projects Simplify the number of modes for HTMLification2019-07-13 Cloud variables store in localStorage2019-06-29 Upload project file instead of using project ID Toggle compatibility and turbo mode2019-03-31 Variable and list watchers2019-02-09 Project startCreditsMade bySheep_maker,who used scratch-vm,JSZip,Deno,React, and their dependencies forthis project.
CSS byMr. Cringe Kid.
See alsoDepending on your use case, the HTMLifier may not be the best option foryou. The HTMLifier prioritizes accuracy by using almost the same enginethat vanilla Scratch uses, sacrificing speed and editability.
If you want better performance, compile the project toJavaScript:Phosphorus (Scratch 2.0only), Forkphorus, andTurboWarp.
If you want to learn JavaScript, convert the Scratch blocks to closeequivalents in JavaScript usingLeopard.